@charset 'utf-8';

/* author:ZJ; date:2018-01; */

body{padding-left:270px !important;color:#333;background:#fff;}


.yahei{font-family:'Microsoft YaHei';}



.nav-box{ position: fixed; top: 0; left: 0; z-index: 100; width: 270px; height: 100%; }

.nav-box .nav-bg{ position: relative; z-index: 10; padding: 0 20px; height: 100%; overflow-y: auto; background: #fff; -moz-box-shadow:5px 0 5px rgba(16,5,7,.18); -webkit-box-shadow:5px 0 5px rgba(16,5,7,.18); box-shadow:5px 0 5px rgba(16,5,7,.18); }

.nav-box .logo{ margin-top: 40px; padding: 10px 0; height: 144px; line-height: 0; font-size: 0; text-align: center; }
.nav-box .logo:before{ content: ""; display: inline-block; *display: inline; zoom:1; vertical-align: middle; height: 100%; }
.nav-box .logo img{ max-width: 100%; max-height: 100%; vertical-align: middle; }

.m-nav .fir-ul{ padding: 32px 48px 0; border-top: solid 1px #e2e2e2; }
.m-nav .fir-ul .fir-li{ margin-bottom: 26px; }
.m-nav .fir-ul .u-a{ display: block; height: 34px; line-height: 34px; overflow: hidden; font-size: 16px; text-align: center; }

.m-nav .fir-ul .current .u-a,
.m-nav .fir-ul .hover .u-a{ font-weight: bold; color: #fff; background: #396; }

.m-nav .sec-box{ position: fixed; top: 0; left: 270px; width: 0; height: 100%; overflow: hidden; line-height: 0; font-size: 0; text-align: center; background: rgba(44,145,94,.9); }
.m-nav .sec-ul{ width: 150px; }
.m-nav .sec-ul li{ position: relative; zoom:1; border-bottom: solid 1px #4bc090; }
.m-nav .sec-ul li:before{ content: ""; position: absolute; top: 0; left: 0; width: 0; height: 100%; overflow: hidden; background: #4bc090; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease; }
.m-nav .sec-ul a{ position: relative; z-index: 10; display: block; padding: 14px 10px; line-height: 22px; font-size: 14px; color: #fff; }
.m-nav .sec-ul li:hover:before{ width: 100%; }


.m-notice,
.m-search{ margin:0 auto; padding: 5px 0; width: 210px; background: #f6f6f6; }

.m-notice{ position: relative; zoom:1; margin-bottom: 26px; }
.m-notice:before{ content: ""; position: absolute; top: 10px; left: 10px; width: 22px; height: 20px; overflow: hidden; background: url(../images/ico-notice.png) no-repeat; }
.m-notice .list{ margin: 0 6px 0 36px; overflow: hidden; }
.m-notice .list li{ height: 30px; line-height: 30px; overflow: hidden; }
.m-notice .list a:hover{ color: #396; }

.m-search{ margin-bottom: 40px; background-color: gray; }
.m-search .form{ padding: 0 10px; line-height: 0; font-size: 0; }
.m-search .form input{ vertical-align: top; border: 0 none; }
.m-search .form .u-text{ padding: 0 3px; width: 110px; height: 30px; line-height: 30px; margin-right: 8px; }
.m-search .form .u-btn{ padding-left: 24px; width: 65px; height: 30px; font-size: 14px; color: #396; border-left: solid 1px #e6e6e6; background: url(../images/ico-search.png) 6px center no-repeat; cursor: pointer; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease; background-color: white; }
.m-search .form .u-btn:hover{ background-color: #e6e6e6; }



.main-box{ }

.section-2,
.section-4,
.section-6{ background: #f6f6f6; }


#fp-nav{ display: none; filter:alpha(opacity=50);opacity:.5;-moz-opacity:.5;-khtml-opacity:.5; }
#fp-nav ul li{ margin: 8px 3px; width: 14px; height: 14px; }
#fp-nav ul li a span,
#fp-nav ul li a.active span,
#fp-nav ul li:hover a span,
#fp-nav ul li:hover a.active span{ position: static; left: auto; top: auto; display: block; margin: 0; width: 12px; height: 12px; border: solid 1px #000; background: #fff; }
#fp-nav ul li a.active span,
#fp-nav ul li:hover a span,
#fp-nav ul li:hover a.active span{ background-color: #000; }

#fp-nav:after{ content: ""; display: block; margin-top: 12px; width: 20px; height: 51px; overflow: hidden; background: url(../images/ico-fp-nav.png) no-repeat; animation-duration: 1s; animation-fill-mode: both; animation-iteration-count: infinite; animation-name: nextBtn; }

.fullBanner{ position: relative; zoom:1; z-index: 10; min-width: 1070px; width: 100%; height: 100%; }
.fullBanner .btn-next{ position: absolute; z-index: 100; left: 50%; bottom: 32px; margin-left: -32px; width: 64px; height: 64px; line-height: 0; overflow: hidden; font-size: 0; text-align: center; border: solid 1px #fff; -moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%; }
.fullBanner .btn-next:before{ content: ""; display: inline-block; *display: inline; zoom:1; vertical-align: middle; height: 100%; }
.fullBanner .btn-next .ico{ display: inline-block; *display: inline; zoom:1; vertical-align: middle; width: 18px; height: 37px; overflow: hidden; background: url(../images/btn-next.png) center no-repeat; animation-name: nextBtn; }
.fullBanner .btn-next:hover{ background-color: rgba(255,255,255,.2); }

@keyframes nextBtn {0%,100%{-webkit-transform: translate3d(0, -5%, 0);transform: translate3d(0, -5%, 0);}50% {-webkit-transform: translate3d(0, 5%, 0);transform: translate3d(0, 5%, 0);}}


.m-focus,
.m-focus .switchable-box{position:relative;zoom:1;width:100%;height:100%; background: #fff;}
.m-focus .switchable-content{height:100% !important;width:100% !important;}
.m-focus .switchable-content li{height:100% !important;width:100% !important; background-position: center; background-repeat: no-repeat; background-size: cover; }
.m-focus .switchable-content li a{ display: block; width: 100%; height: 100%; }
.m-focus .switchable-content li img{ display: none; }

.m-focus .switchable-nav{ position: absolute; top: 28px; right: 24px; line-height: 0; font-size: 0; }
.m-focus .switchable-nav li{ display: inline-block; *display: inline; zoom:1; vertical-align: top; margin-left: 16px; padding-top: 14px; width:14px; height:0; overflow: hidden; background: #fff; cursor:pointer; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease; }
.m-focus .switchable-nav li.active{ background-color: #396; }


.m-client{ position:fixed;z-index:99;top:50%;right:0;margin-top:-85px;width:42px;_position:absolute; }
.m-client li{ margin-bottom: 1px; }
.m-client li.client-goTop{ display: none; }
.m-client .u-a{ position: relative; display: block; padding-left: 42px; height: 42px; background:#396; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease; }
.m-client .u-a .ico{ position: absolute; top: 0; left: 0; width: 42px; height: 42px; overflow: hidden; background: url(../images/ico-client.png) no-repeat; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}

.m-client .u-a:hover{ background-color: #fff; }
.m-client .u-a:hover .ico{ background-image: url(../images/ico-client-hover.png); }

.m-client .home .ico{ background-position: 0 0;}
.m-client .tel .ico{ background-position: 0 -42px;}
.m-client .qq .ico{ background-position: 0 -84px;}
.m-client .wechat .ico{ background-position: 0 -126px;}
.m-client .goTop .ico{ background-position: 0 -168px;}

.m-client .conBox .con{ display: none; position: absolute; top: 0; right: 100%; margin-right: 6px; -moz-box-shadow:0 0 5px rgba(16,5,7,.18); -webkit-box-shadow:0 0 5px rgba(16,5,7,.18); box-shadow:0 0 5px rgba(16,5,7,.18); }
.m-client .conBox .con:before{ content: ""; position: absolute; top: 17px; right: 0; margin-right:-8px; width:0; height:0; overflow:hidden; border-width:4px; border-style:solid; border-color: transparent transparent transparent #fff; }

.m-client .text{ padding: 0 16px; line-height: 42px; font-size: 20px; font-family: Arial; font-weight: bold; color: #396; background: #fff; white-space: nowrap; }

.m-client .erwei{ padding: 2px; min-height: 38px; background: #fff; }
.m-client .erwei img{ width: 124px; height: 124px; }

.m-client li.client-goTop .u-a,
.m-client li.client-goTop .u-a:hover{background:#0d5933;}
.m-client li.client-goTop .u-a:hover .ico{-webkit-animation:goTop .6s infinite; animation:goTop .6s infinite;}

@keyframes goTop{0%{-webkit-transform:translate(0,0)}50%{-webkit-transform:translate(0,-2px)}100%{-webkit-transform:translate(0,0)}}

.fullBanner .m-client{ position: absolute; }



.m-title{}
.m-title:after{ content: "";  display: block; margin-top: 4px; width: 22px; height: 0; overflow: hidden; border-bottom: solid 1px #396; }
.m-title .en{ line-height: 30px; font-size: 34px; font-weight: normal; color: #000; }
.m-title .cn{ line-height: 38px; font-size: 20px; font-weight: normal; }

.w300{ width: 300px; }
.w740{ width: 740px; }
.w558{ width: 558px; }


.m-about{ width: 888px; margin: 0 auto; }
.m-about .m-title{ margin-top: -4px; }

.m-about .conBox{ margin-top: 20px; height: 144px; line-height: 24px; overflow: hidden; font-size: 14px; }
.m-about .more{ display: block; margin-top: 28px; border: solid 2px #999; width: 26px; height: 26px; line-height: 1.1; overflow: hidden; font-size: 16px; font-weight: bold; text-align: center; -moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%; }
.m-about .more:hover{ color: #396; border-color: #7bafd6; }

.m-about .menuBox{ margin-top: 94px; padding-top: 12px; line-height: 0; font-size: 0; text-align: center; border-top: solid 1px #e0e0e0; }
.m-about .menuBox a{ position: relative; display: inline-block; *display: inline; zoom:1; vertical-align: top; margin: 0 20px; line-height: 20px; font-size: 14px; font-weight: bold; color: #666; }
.m-about .menuBox a:before{ content: ""; position: absolute; top: -15px; left: 50%; width: 0; height: 3px; overflow: hidden; background: #396; -webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease; }
.m-about .menuBox a:hover{ color: #396; }
.m-about .menuBox a:hover:before{ margin-left: -9px; width: 18px; }

.m-about .focusBox{ position: relative; zoom:1; width: 556px; border: solid 1px #d6d6d6; }
.m-about .focusBox .u-img{ display: block; width: 556px; height: 416px; overflow: hidden; }

.m-about .focus-page{ position: absolute; bottom: 16px; right: 20px; line-height: 0; font-size: 0; text-align: center; }
.m-about .focus-page li{ display: inline-block; *display: inline; zoom:1; vertical-align: top; margin-left: 8px; padding-top: 12px; width: 12px; height: 0; overflow: hidden; background: #fff; cursor: pointer; }
.m-about .focus-page li.on{ background-color: #396; }

.m-about .advantageBox{ display: none; width: 182px; border-top: solid 1px #d6d6d6; }
.m-about .advantageBox li{ padding: 20px 10px; text-align: center; border-bottom: solid 1px #d6d6d6; }
.m-about .advantageBox h4{ position: relative; zoom:1; height: 54px; line-height: 54px; font-size: 44px; }
.m-about .advantageBox h4:before{ content: ""; position: absolute; left: 50%; bottom: -1px; margin-left: -20px; width: 40px; height: 0; overflow: hidden; border-bottom: solid 1px #ccc; }
.m-about .advantageBox p{ margin-top: 4px; line-height: 40px; font-size: 14px; color: #666; }


.m-business{}
.m-business .conBox{ margin-top: 20px; line-height: 24px; overflow: hidden; font-size: 14px; }
.m-business .tabTitle ul{ float: left; display: inline; width: 50%; }
.m-business .tabTitle a{ position: relative; zoom:1; display: block; padding: 20px 40px 18px 86px; }
.m-business .tabTitle a:before{ content: ""; position: absolute; top: 50%; right: 28px; margin-top: -8px; width:0; height:0; overflow:hidden; border-width:8px 0 8px 8px; border-style:solid; border-color: transparent transparent transparent #396; filter:alpha(opacity=0);opacity:0;-moz-opacity:0;-khtml-opacity:0; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease; }
.m-business .tabTitle .number{ position: absolute; top: 50%; left: 24px; margin-top: -25px; width: 48px; height: 48px; overflow: hidden; border: solid 1px #333; background: url(../images/ico-business.png) no-repeat; -moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%; -webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease; }
.m-business .tabTitle .en{ height: 28px; line-height: 28px; overflow: hidden; font-size: 20px; }
.m-business .tabTitle .cn{ height: 24px; line-height: 24px; overflow: hidden; font-size: 16px; font-weight: normal; }

.m-business .tabTitle ul:nth-child(1) li:nth-child(1) .number{ background-position: 0 0; }
.m-business .tabTitle ul:nth-child(1) li:nth-child(2) .number{ background-position: 0 -48px; }
.m-business .tabTitle ul:nth-child(1) li:nth-child(3) .number{ background-position: 0 -96px; }
.m-business .tabTitle ul:nth-child(2) li:nth-child(1) .number{ background-position: 0 -144px; }
.m-business .tabTitle ul:nth-child(2) li:nth-child(2) .number{ background-position: 0 -192px; }
.m-business .tabTitle ul:nth-child(2) li:nth-child(3) .number{ background-position: 0 -240px; }

.m-business .tabTitle li.child-1 .number{ background-position: 0 0; }
.m-business .tabTitle li.child-2 .number{ background-position: 0 -48px; }
.m-business .tabTitle li.child-3 .number{ background-position: 0 -96px; }
.m-business .tabTitle li.child-4 .number{ background-position: 0 -144px; }
.m-business .tabTitle li.child-5 .number{ background-position: 0 -192px; }
.m-business .tabTitle li.child-6 .number{ background-position: 0 -240px; }

.m-business .tabTitle li a:hover{ color: #396; }
.m-business .tabTitle li a:hover .number{ border-color: #396; background-image: url(../images/ico-business-hover.png); }
.m-business .tabTitle li.on a{ color: #396; background: #f6f6f6; }
.m-business .tabTitle li.on a:before{ right: 24px; filter:alpha(opacity=100);opacity:1;-moz-opacity:1;-khtml-opacity:1; }
.m-business .tabTitle li.on a .number{ border-color: #396; background-image: url(../images/ico-business-hover.png); }

.m-business .tabCon{ margin-top: 20px; }

.m-business .listBox li{ float: left; display: inline; width: 267px; }
.m-business .listBox .u-box{ position: relative; zoom:1; display: block; }
.m-business .listBox .u-img{ display: block; width: 267px; height: 200px; overflow: hidden; }
.m-business .listBox .u-name,
.m-business .listBox .u-name:before,
.m-business .listBox .u-name h4,
.m-business .listBox .u-name p{ -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease; }
.m-business .listBox .u-name{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; color: #fff; background: rgba(44,145,94,.8); filter:alpha(opacity=0);opacity:0;-moz-opacity:0;-khtml-opacity:0; }
.m-business .listBox .u-name:before{ content: ""; position: absolute; left: 50%; top: 102px; margin-left: -75px; width: 150px; height: 0; overflow: hidden; border-bottom: solid 1px #fff;  }
.m-business .listBox .u-name h4{ position: relative; zoom:1; margin-top: 62px; height: 40px; line-height: 40px; overflow: hidden; font-size: 16px; font-weight: normal; -webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);transform:translateY(-40px); }
.m-business .listBox .u-name p{ height: 36px; line-height: 36px; overflow: hidden; font-size: 16px; -webkit-transform:translateY(36px);-moz-transform:translateY(36px);transform:translateY(36px); }

.m-business .listBox .u-box:hover .u-name{ filter:alpha(opacity=100);opacity:1;-moz-opacity:1;-khtml-opacity:1; }
.m-business .listBox .u-box:hover .u-name:before{ margin-left: -16px; width: 32px; }
.m-business .listBox .u-box:hover .u-name h4,
.m-business .listBox .u-box:hover .u-name p{ -webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0); }

.m-product .tabTitle{ margin-top: 64px; }
.m-product .tabTitle .menuBox{ float: right; display: inline; overflow: hidden; }
.m-product .tabTitle .menuBox .caroufredsel_wrapper{ margin-left: -1px !important; }
.m-product .tabTitle .menuBox li{ float: left; display: inline; line-height: 0; font-size: 0; }
.m-product .tabTitle .menuBox li:before{ content: ""; display: inline-block; *display: inline; zoom:1; vertical-align: top; margin-top: 9px; width: 0; height: 20px; overflow: hidden; border-left: solid 1px #c4c4c4; }
.m-product .tabTitle .menuBox a{ position: relative; display: inline-block; *display: inline; zoom:1; vertical-align: top; margin: 0 -1px; padding: 0 18px; height: 38px; line-height: 38px; overflow: hidden; font-size: 14px; }
.m-product .tabTitle .menuBox a:hover{ color: #396; }
.m-product .tabTitle .menuBox li.on a{ z-index: 10; font-weight: bold; color: #fff; background: #396; }
.m-product .tabTitle .btnBox{ margin-left: 20px; }
.m-product .tabTitle .btnBox a{ float: left; display: inline; margin-left: 4px; width: 38px; height: 38px; line-height: 38px; overflow: hidden; font-size: 18px; font-family: 'SimHei'; text-align: center; color: #fff; background: #b4b4b4; }
.m-product .tabTitle .btnBox a:hover{ background: #396; }

.m-product .tabCon{ margin-top: 38px; }

.m-product .listBox ul{ margin: -6px 0 0 -6px; }
.m-product .listBox li{ float: left; display: inline; margin: 6px 0 0 6px; }
.m-product .listBox .u-box{ position: relative; zoom:1; display: block; overflow: hidden; }
.m-product .listBox .u-img{ display: block; width: 263px; height: 198px; overflow: hidden; }
.m-product .listBox .u-name,
.m-product .listBox .u-name:before{ -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease; }
.m-product .listBox .u-name{ position: absolute; top: 50%; left: 50%; margin: -79px 0 0 -105px; width: 210px; height: 158px; background: #396; -webkit-transform:scale(.75);-moz-transform:scale(.75);transform:scale(.75); filter:alpha(opacity=0);opacity:0;-moz-opacity:0;-khtml-opacity:0; }
.m-product .listBox .u-name:before{ content: ""; position: absolute; left: 50%; top: 100px; margin-left: -14px; width: 28px; height: 0; overflow: hidden; border-bottom: solid 1px #fff; }
.m-product .listBox .u-name h4{ margin: 58px 20px 0; height: 42px; line-height: 42px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; font-size: 16px; font-weight: normal; text-align: center; color: #fff; }

.m-product .listBox .u-box:hover .u-name{ -webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1); filter:alpha(opacity=100);opacity:1;-moz-opacity:1;-khtml-opacity:1; }
.m-product .listBox .u-box:hover .u-name:before{ margin-left: -14px; width: 28px; }



.m-news .listBox{ margin-top: 32px; }
.m-news .listBox ul{ margin-top: -14px; }
.m-news .listBox li{ margin-top: 14px; }
.m-news .listBox .u-box{ position: relative; zoom:1; display: block; }
.m-news .listBox .u-box:after{content:".";display:block;visibility:hidden;overflow:hidden;height:0;clear:both;}
.m-news .listBox .u-date{ float: right; display: inline; padding: 36px 0 0 25px; width: 154px; height: 110px; border-left: solid 1px #ebebeb; }
.m-news .listBox .u-date .MMDD{ height: 52px; line-height: 52px; overflow: hidden; font-size: 48px; }
.m-news .listBox .u-date .YY{ padding-left: 2px; height: 20px; line-height: 20px; overflow: hidden; font-size: 16px; }

.m-news .listBox .u-img{ float: left; display: inline; width: 194px; height: 146px; overflow: hidden; }
.m-news .listBox .u-con{ padding: 38px 30px; overflow: hidden; }
.m-news .listBox .u-con h4{ height: 38px; line-height: 38px; overflow: hidden; font-size: 18px; font-weight: normal; }
.m-news .listBox .u-con p{ height: 24px; line-height: 24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size: 14px; color: #666; -webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease; }

.m-news .listBox .u-box:hover{ color: #fff; background: #396; }
.m-news .listBox .u-box:hover .u-con p{ color: #fff; }


.m-news .menuBox{ display: inline-block; *display: inline; zoom:1; vertical-align: top; margin-left: 20px; padding-top: 8px; }
.m-news .menuBox li{ display: inline-block; *display: inline; zoom:1; vertical-align: top; margin: 0 20px; line-height: 30px;}
.m-news .menuBox a{ position: relative; display: block; font-size: 14px; font-weight: bold; color: #666; }
.m-news .menuBox a:hover{ color: #396; }



.m-contact{ margin-bottom: 100px; }
.m-contact .mapBox{ margin-top: 34px; width: 538px; border: solid 1px #ccc; }
.m-contact .conBox{ margin-top: 16px; width: 480px; }
.m-contact .logo{ padding: 5px 0; height: 66px; line-height: 0; font-size: 0; border-bottom: solid 1px #ccc; }
.m-contact .logo:before{ content: ""; display: inline-block; *display: inline; zoom:1; vertical-align: middle; height: 100%; }
.m-contact .logo img{ max-width: 100%; max-height: 100%; vertical-align: middle; }
.m-contact .content{ padding: 12px 0; line-height: 24px; font-size: 14px; }
.m-contact .content li{ padding: 12px 0 12px 26px; }
.m-contact .content .tel,
.m-contact .content .addr{ position: relative; zoom:1; }
.m-contact .content .tel:before,
.m-contact .content .addr:before{ content: ""; position: absolute; top: 50%; left: 0; width: 18px; overflow: hidden; background: url(../images/ico-contact.png) no-repeat; }
.m-contact .content .tel:before{ margin-top: -13px; height: 26px; background-position: 0 0; }
.m-contact .content .addr:before{ margin-top: -11px; height: 23px; background-position: 0 -31px; }
.m-contact .content .tel strong{ vertical-align: top; font-size: 20px; font-weight: normal; }

.m-contact .wechat{ overflow: hidden; }
.m-contact .wechat ul{ margin-left: -36px; }
.m-contact .wechat li{ float: left; display: inline; margin-left: 36px; text-align: center; }
.m-contact .wechat img{ width: 128px; height: 128px; border: solid 4px #396; }
.m-contact .wechat p{ margin-top: 12px; line-height: 24px; font-size: 14px; }


.m-footer{ position: absolute; bottom: 0; left: 0; width: 100%; height: 84px; border-top: solid 1px #ccc; }
.m-footer,
.m-footer a{ color: #808080; }
.m-footer a:hover{ color: #396; }

.m-footer .footer-text{ height: 84px; line-height: 0; font-size: 0; }
.m-footer .footer-text:before{ content: ""; display: inline-block; *display: inline; zoom:1; vertical-align: middle; height: 100%; }
.m-footer .footer-text .conBox{ display: inline-block; *display: inline; zoom:1; vertical-align: middle; line-height: 24px; font-size: 14px; }

.sub-footer{ padding: 35px 0 20px; border-top: solid 1px #f2f2f2; background: #fff; }

.footer-wechat{ float: right; display: inline; margin: 22px 0 0 40px; }
.footer-wechat ul{ margin-left: -16px; }
.footer-wechat li{ float: left; display: inline; margin-left: 16px; text-align: center; }
.footer-wechat img{ width: 82px; height: 82px; border: solid 4px #396; }
.footer-wechat p{ line-height: 30px; }

.footer-contact{ line-height: 40px; padding-bottom: 5px; overflow: hidden; font-size: 14px; color: #808080; }
.footer-contact p{ margin-top: 5px; }
.footer-contact p.tel{ font-size: 32px; font-weight: bold; color: #396; }
.footer-contact p.tel:before{ content: ""; display: inline-block; *display: inline; zoom:1; vertical-align: top; margin-right: 10px; width: 40px; height: 40px; overflow: hidden; background: url(../images/ico-footer-contact.png) no-repeat; }

.sub-footer .footer-text{ padding: 20px 0; line-height: 24px; overflow: hidden; font-size: 14px; border-top: solid 1px #ccc; }
.sub-footer .footer-text,
.sub-footer .footer-text a{ color: #bababa; }
.sub-footer .footer-text a:hover{ color: #396; }


.sub-focus{position:relative;zoom:1;overflow:hidden;}
.sub-focus a{ display:block; -webkit-transition:all .6s ease;-moz-transition:all .6s ease;transition:all .6s ease; }
.sub-focus a:hover{-webkit-filter:brightness(1.15);-moz-filter:brightness(1.15);filter:brightness(1.15);}
.sub-focus img{visibility:hidden;}

.sub-box{ padding: 56px 0; background: #f6f6f6; }

.sub-menu{ margin-top: 38px; overflow: hidden; }
.sub-menu ul{ margin-left: -1px; }
.sub-menu li{ float: left; display: inline; line-height: 0; font-size: 0; }
.sub-menu li:before{ content: ""; display: inline-block; *display: inline; zoom:1; vertical-align: top; margin-top: 9px; width: 0; height: 20px; overflow: hidden; border-left: solid 1px #c4c4c4; }
.sub-menu a{ position: relative; display: inline-block; *display: inline; zoom:1; vertical-align: top; margin: 0 -1px; padding: 0 18px; height: 38px; line-height: 38px; overflow: hidden; font-size: 14px; }
.sub-menu a:hover{ color: #396; }
.sub-menu li.current a{ z-index: 10; font-weight: bold; color: #fff; background: #396; }

.sub-menu-sec{ margin-top: -1px; }
.sub-menu-sec li{ margin-top: 12px; }
.sub-menu-sec li:first-child{ margin-top: 0; }
.sub-menu-sec li.first{ margin-top: 0; }
.sub-menu-sec a{ position: relative; zoom:1; display: block; padding: 8px 30px 8px 18px; line-height: 20px; font-size: 14px; border: solid 1px #d8d8d8; background: #fff; }
.sub-menu-sec a:before{ content: ">"; position: absolute; top: 8px; right: 12px; font-size: 18px; font-family: 'SimHei'; color: #999; -webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease; }
.sub-menu-sec a:after{ content: ""; position: absolute; top: -1px; left: 100%; padding: 1px 0; width: 0; height: 100%; overflow: hidden; background: #396; -webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease; }

.sub-menu-sec a:hover,
.sub-menu-sec a:hover:before,
.sub-menu-sec li.current a,
.sub-menu-sec li.current a:before{ color: #396; }
.sub-menu-sec li.current a:after{ width: 3px; }

.m-sub-line{ margin-top: 44px; border-top: solid 1px #d9d9d9; }

.m-sub .left-column{ width: 190px; padding-bottom: 50px; }
.m-sub .right-column{ width: 820px; }


.sub-product{ padding: 24px 0; }
.sub-product ul{ margin: -22px 0 0 -16px; }
.sub-product li{ float: left; display: inline; margin: 22px 0 0 16px; width: 346px; }
.sub-product .u-box{ position: relative; zoom:1; display: block; padding: 14px; border: solid 1px #e7e7e7; background: #fff; }
.sub-product .u-box:before{ content: ""; position: absolute; bottom: -1px; left: 50%; width: 0; height: 0; overflow: hidden; border-bottom: solid 1px #396; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease; }
.sub-product .u-img{ position: relative; zoom:1; display: block; width: 316px; height: 240px; overflow: hidden; }
.sub-product .u-name{ margin-top: 14px; height: 44px; line-height: 44px; overflow: hidden; font-size: 16px; font-weight: normal; text-align: center; }
.sub-product .u-box:hover:before{ left: -1px; padding: 0 1px; width: 100%; }

.right-column .sub-product{ margin-top: -1px; padding-top: 0; }
.right-column .sub-product ul{ margin: -12px 0 0 -8px; }
.right-column .sub-product li{ margin: 12px 0 0 8px; width: 268px; }
.right-column .sub-product .u-box{ padding: 8px; }
.right-column .sub-product .u-img{ width: 250px; height: 190px; }
.right-column .sub-product .u-name{ margin-top: 8px; height: 34px; line-height: 34px; font-size: 14px; }


.sub-news{ padding: 24px 0; }
.sub-news ul{ margin-top: -14px; }
.sub-news li{ margin-top: 14px; }
.sub-news .u-box{ position: relative; zoom:1; display: block; }
.sub-news .u-box:after{content:".";display:block;visibility:hidden;overflow:hidden;height:0;clear:both;}
.sub-news .u-date{ float: right; display: inline; padding: 36px 0 0 25px; width: 154px; height: 110px; border-left: solid 1px #ebebeb; }
.sub-news .u-date .MMDD{ height: 52px; line-height: 52px; overflow: hidden; font-size: 48px; }
.sub-news .u-date .YY{ padding-left: 2px; height: 20px; line-height: 20px; overflow: hidden; font-size: 16px; }

.sub-news .u-img{ float: left; display: inline; width: 194px; height: 146px; overflow: hidden; }
.sub-news .u-con{ padding: 38px 30px; overflow: hidden; }
.sub-news .u-con h4{ height: 38px; line-height: 38px; overflow: hidden; font-size: 18px; font-weight: normal; }
.sub-news .u-con p{ height: 24px; line-height: 24px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; font-size: 14px; color: #666; -webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease; }

.sub-news .u-box:hover{ color: #fff; background: #396; }
.sub-news .u-box:hover .u-con p{ color: #fff; }


.sub-partner{ padding: 24px 0; }
.sub-partner ul{ margin: -6px 0 0 -6px; }
.sub-partner li{ float: left; display: inline; margin: 6px 0 0 6px; }
.sub-partner .u-box{ position: relative; zoom:1; display: block; overflow: hidden; }
.sub-partner .u-img{ display: block; width: 263px; height: 198px; overflow: hidden; }
.sub-partner .u-name,
.sub-partner .u-name:before{ -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease; }
.sub-partner .u-name{ position: absolute; top: 50%; left: 50%; margin: -79px 0 0 -105px; width: 210px; height: 158px; background: #396; -webkit-transform:scale(.75);-moz-transform:scale(.75);transform:scale(.75); filter:alpha(opacity=0);opacity:0;-moz-opacity:0;-khtml-opacity:0; }
.sub-partner .u-name:before{ content: ""; position: absolute; left: 50%; top: 100px; margin-left: -14px; width: 28px; height: 0; overflow: hidden; border-bottom: solid 1px #fff; }
.sub-partner .u-name h4{ margin: 58px 20px 0; height: 42px; line-height: 42px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; font-size: 16px; font-weight: normal; text-align: center; color: #fff; }

.sub-partner .u-box:hover .u-name{ -webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1); filter:alpha(opacity=100);opacity:1;-moz-opacity:1;-khtml-opacity:1; }
.sub-partner .u-box:hover .u-name:before{ margin-left: -14px; width: 28px; }



.pro-detail{ position: relative; zoom:1; margin-top: 24px; padding: 44px 60px; background: #fff; }
.pro-detail h1{ line-height: 38px; font-size: 24px; font-weight: normal; }
.pro-detail .detail-con{ padding: 10px 0; font-size: 14px; }
.pro-detail .detail-con img{ max-width:100%; }

.pro-detail .itemImg{ margin-top: 20px; }
.pro-detail .itemImg .imgBox{ position:relative; zoom:1;}
.pro-detail .itemImg .imgBox li{ float:left; _display:inline; overflow:hidden; text-align:center;}
.pro-detail .itemImg .imgBox li a{ display:block; height:100%; }
.pro-detail .itemImg .imgBox li img{ max-width:100%; max-height:100%; }

.pro-detail .itemImg .imgBox-btn{position:absolute;z-index:10;top:50%;margin-top:-36px;width:35px;height:72px;line-height:72px;overflow: hidden; font-size: 22px; font-family: 'SimSun'; font-weight: bold; text-align: center; color:#396; background:#edeef0;}
.pro-detail .itemImg .imgBox-btn:hover{ color: #fff; background: #396; }

.pro-detail .itemImg .pageBox{ position: relative; zoom:1; margin-top: 20px; height: 138px; overflow: hidden; }
.pro-detail .itemImg .pageBox li{ float: left; display: inline; margin-right:10px; width:182px; }
.pro-detail .itemImg .pageBox li a{display:block;overflow:hidden;height:100%;text-align:center;}
.pro-detail .itemImg .pageBox li .u-img{ position: relative; zoom:1; display: block; width:182px;height:138px;overflow:hidden;cursor:pointer;filter:alpha(opacity=75);opacity:.75;-moz-opacity:.75;-khtml-opacity:.75;}
.pro-detail .itemImg .pageBox li.selected .u-img{ filter:alpha(opacity=100);opacity:1;-moz-opacity:1;-khtml-opacity:1; }
.pro-detail .itemImg .j-imgBox-prev{left:-35px;}
.pro-detail .itemImg .j-imgBox-next{right:-35px;}


.right-column .pro-detail{ margin-top: 0; }
.right-column .pro-detail .itemImg .pageBox{ height: 100px; }
.right-column .pro-detail .itemImg .pageBox li{ width:132px;}
.right-column .pro-detail .itemImg .pageBox li .u-img{ width:132px;height:100px; }


.detail-share{ margin-top: 15px; }
.detail-share a{-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none;}
.detail-share .bdsharebuttonbox{float:right;display:inline;}

.detail-page{ margin-top: 15px; line-height: 0; font-size: 0; }
.detail-page .page-text,
.detail-page .page-text a{ display: inline-block; *display: inline; zoom:1; vertical-align: top; }
.detail-page .page-text{ margin-right: 6px; }
.detail-page .page-text a{ padding: 0 20px; height: 38px; line-height: 38px; overflow: hidden; font-size: 14px; color: #333; background: #fff; }
.detail-page .page-text a:hover{ color: #fff; background: #396; }

.right-column .detail-page{ position: absolute; bottom: 0; left: -250px; margin: 0; }


/******************** sub-content ********************/
.sub-content{ margin-top: 24px; padding: 44px 60px; line-height:24px; font-size:14px; background: #fff; }
.sub-content img{ max-width:100%;}
.sub-content .f-fl{width:auto;margin:0 0 10px 10px;}
.sub-content h1{ margin-bottom: 20px; line-height:38px;font-size:24px;font-weight: normal;font-family:'Microsoft YaHei';}
.sub-content a:hover{ color: #396; }
.sub-content #platform img{max-width:none;_width:none;}


.news-detail{ margin-top: 24px; padding: 44px 60px; background: #fff; }
.news-detail h1{line-height:38px;font-size:24px;font-weight: normal;font-family:'Microsoft YaHei';}
.news-detail .detail-time,
.news-detail .detail-user{line-height:20px;padding-bottom: 10px;margin-bottom: 10px;font-size:12px;color:#999;}
.news-detail .detail-img{padding:10px 0;text-align:center;}
.news-detail .detail-img img,
.news-detail .detail-con img{ max-width:100%;}
.news-detail .detail-con{line-height:24px;padding:10px 0; font-size: 14px;}

.about-detail{ margin-top: 24px; padding: 40px 46px; background: #fff; }
.about-detail .conBox .u-img img{ margin-right: 36px; max-width: 446px; }
.about-detail .conBox .u-con{ overflow: hidden; line-height: 24px; font-size: 14px; }
.about-detail .conBox .u-con h1{ margin-bottom: 36px; padding: 10px; line-height: 24px; font-size: 18px; text-align: center; color: #fff; background: #396; }
.about-detail .listBox{ position: relative; zoom:1; margin-top: 40px; padding: 30px 11px 0; border-top: dotted 1px #000; }
.about-detail .listBox li{ float: left; display: inline; margin-right: 12px; width: 230px; }
.about-detail .listBox .u-img{ display: block; width: 230px; height: 172px; overflow: hidden; }
.about-detail .btnBox a{ position: absolute; top: 50%; width: 36px; height: 36px; line-height: 36px; overflow: hidden; font-size: 18px; font-family: 'SimSun'; font-weight: bold; text-align: center; color: #396; background: #edeef0; -moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%; }
.about-detail .btnBox a:hover{ color: #fff; background: #396; }
.about-detail .btnBox a.prevBtn{ left: -35px; }
.about-detail .btnBox a.nextBtn{ right: -35px; }


.sub-message{ margin-top: 24px; padding: 44px 60px; background: #fff; }
.sub-message .m-textimg{line-height:24px;margin-bottom:20px;font-size:14px;}
.sub-message .m-textimg img{float:left;margin-right:15px;}
.sub-message i{display:inline-block;padding-right:5px;font-style:normal;color:#f00;*display:inline;*zoom:1;}
.sub-message .m-tage{padding:5px 0;}
.sub-message .m-form{margin-bottom:20px;padding:10px;}
.sub-message table{width:100%;}
.sub-message .m-form table td{padding:7px 0;}
.sub-message label{position:relative;display:inline-block;width:80px;height:30px;line-height:30px;text-align:right;}
.sub-message .m-form table input{width:60%;height:28px;line-height:28px;padding-left:5px;vertical-align:top;}
.sub-message .m-form .td-textarea{width:60%;vertical-align:middle;}
.sub-message .m-form .td-textarea label{float:left;}
.sub-message .m-form .td-textarea textarea{width:70%;height:168px;padding:5px;vertical-align:middle;}
.sub-message .m-submit{text-align:right;vertical-align:top;}
.sub-message .m-submit img{margin-left:5px;vertical-align:top;}
.sub-message .m-submit .btn{width:80px;height:28px;line-height:24px;margin:0;margin-left:5px;font-family:'microsoft yahei';font-size:14px;border:none;cursor:pointer;}
.sub-message .m-submit input{width:80px;height:24px;line-height:24px;margin:0;padding-left:5px;vertical-align:top;cursor:auto;}
.sub-message .m-submit input,
.sub-message .m-form table input,
.sub-message .m-form .td-textarea textarea{font-family:'microsoft yahei';border:1px solid #ddd;background:#fff;}
.sub-message .m-form{border:1px solid #e9e9e9;background:#fcfcfc;}
.sub-message .m-submit .btn{color:#fff;background:#396;}


.search-no .bd{padding:60px 0;}
.search-no .inputs{width:410px;margin-right:auto;margin-left:auto;font-size:0;}
.search-no .inputs input{font-family:'SimSun';font-size:14px;vertical-align:top;}
.search-no .inputs input.text{width:326px;height:30px;line-height:30px;padding:0 6px;border:2px solid #f5811a;border-right:0;background:#fff;}
.search-no .inputs input.btn{width:70px;height:34px;color:#fff;border:0;border:0 none;background:#f5811a;cursor:pointer;}
.search-no .pt{ height:240px;padding:100px 0 0 240px;background:url(../images/sub/search-no.png) 40px center no-repeat;}
.search-no .pt h3{margin-bottom:10px;font-size:18px;font-family:'microsoft yahei';font-weight:normal;color:#333;}
.search-no .pt h3 span{color:#c00;}
.search-no .pt p{color:#888;}